﻿@model NapCardOnline.Models.LogOnModel
<div id="logon" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    @using (Html.BeginForm("LogOn", "Account", FormMethod.Post, new { @class = "form-horizontal" }))
    {
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                ×</button>
            <h3 id="myModalLabel">
                Đăng Nhập</h3>
        </div>
        <div class="modal-body">
            <div class="control-group">
                <div class="control-group">
                    <label class="control-label">
                        Tài khỏan</label>
                    <div class="controls">
                        @Html.TextBoxFor(m => m.UserName, new { @type = "text", @placeholder = "Tài Khoản" })
                        @Html.ValidationMessageFor(m => m.UserName)
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">
                        Mật khẩu</label>
                    <div class="controls">
                        @Html.PasswordFor(m => m.Password, new { @type = "password", @placeholder = "Mật Khẩu" })
                        @Html.ValidationMessageFor(m => m.Password)
                    </div>
                </div>
                <div class="control-group">
                    <div class="controls">
                        @Html.CheckBoxFor(m => m.RememberMe)
                        <span>Ghi Nhớ</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <a href="#" class="btn btn-danger">Quên Mật Khẩu</a>
            <button type="submit" data-toggle="modal" id="login_id" data-target="#logon" class="btn btn-success">
                Đăng Nhập</button>
        </div>
    }
</div>



